<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./style.css"/>
    <script src="jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="./main.js"></script>

</head>
<body>
<div class="wrap" id="wrap">
    <div class="slide" id="slide">
        <ul>
            <!--五张图片-->
            <li><a href="#"><img src="http://p0.so.qhmsg.com/bdr/326__/t0116f627ed933afcdf.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p3.so.qhmsg.com/bdr/326__/t0166d3234c64d5ea18.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p0.so.qhimgs1.com/bdr/326__/t0188b90f87feec52ac.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p5.so.qhimgs1.com/bdr/326__/t01f05f662388ab3e9b.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p3.so.qhimgs1.com/bdr/326__/t011073fb71b710ed53.jpg" alt=""/></a></li>
        </ul>
        <!--左右切换按钮-->
        <div class="arrow" id="arrow">
            <a href="javascript:;" class="prev"> <  </a>
            <a href="javascript:;" class="next">  >  </a>
        </div>
    </div>
</div>
</body>
</html>

          <!--  <li><a href="#"><img src="http://p0.so.qhmsg.com/bdr/326__/t0116f627ed933afcdf.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p3.so.qhmsg.com/bdr/326__/t0166d3234c64d5ea18.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p0.so.qhimgs1.com/bdr/326__/t0188b90f87feec52ac.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p5.so.qhimgs1.com/bdr/326__/t01f05f662388ab3e9b.jpg" alt=""/></a></li>
            <li><a href="#"><img src="http://p3.so.qhimgs1.com/bdr/326__/t011073fb71b710ed53.jpg" alt=""/></a></li>
       -->